<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" 
   \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en\" xml:lang=\"en\">
  <head>
    <title>..:: Prunus Test ::..</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="icon" href="favicon.ico" />
    <style type="text/css">

<?php 
$listadoFront = "#333333";
$listadoBack = "#999999";
$listadoBorde ="#aaaaaa";
$renglonAreaBack = "#cccccc";
$h4Borde ="#cccccc";
$headerBorde ="#aaaaaa";

$ulFront = "#111111";
$ulBack = "#bbbbbb";
$ulBorde ="#cccccc";

$h1Color = "#444";
$h2Color = "#655";
$h3Color = "#866";
$h4Color = "#866";

$liColor = "#333";
$liAnchorColor = "#878787";
$liAnchorHover = "#979797";
$dlColor = "#333";
$dlAnchorColor = "#878787";
$dlAnchorHover = "#979797";
$renglonAnchorColor = "#303030";
$renglonAnchorHover = "#606060";
?>
    
.listado { 
  background-color: <?php echo $listadoBack; ?>;
  padding: 10px;
  border: 5px dotted <?php echo $listadoBorde; ?>;
  color: <?php echo $listadoFront; ?>;
} 
.listado-renglon { 
  clear: both;
  width: 100%;
}
.listado-renglon-titulo { 
  width: 150px;
  float: left;
}
.listado-renglon-valor { 
  float: left;
}
.listado-renglon-acciones { 
  float: right;
}
.listado-renglon-acciones a { color: <?php echo $renglonAnchorColor; ?>; text-decoration: none; }
.listado-renglon-acciones a:hover { color: <?php echo $renglonAnchorHover; ?>; }    

.listado-renglon-area { 
  margin: 5px 0px;
}
div.listado-renglon-area:hover {
  background-color: <?php echo $renglonAreaBack; ?>;
}
.fixClear {
  clear: both;
}
dl { 
  background-color: <?php echo $listadoBack; ?>;
  padding: 10px;
  border: 5px dotted <?php echo $listadoBorde; ?>;
  color: <?php echo $listadoFront; ?>;
} 
dt { clear: left; color: <?php echo $dlColor; ?>; float: left; text-align: right; width: 150px; }
dd { margin: 0 0 0 160px; padding: 0 0 0.5em 0; }
dd a { color: <?php echo $dlAnchorColor; ?>; text-decoration: none; }
dd a:hover { color: <?php echo $dlAnchorHover; ?>; }    
    
body {
 background-color: #fff;
 color: #4F5155;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 12px;
 margin: 40px;
}

a {
 background-color: transparent;
 color: #003399;
 font-weight: normal;
}

h1 {
  font: bold 16px/24px Lucida Grande, Verdana, Sans-serif;
  color: <?php echo $h1Color; ?>;
}
h2 {
  font: bold 14px/24px Lucida Grande, Verdana, Sans-serif;
  color: <?php echo $h2Color; ?>;
  color: #655;
}
h3 {
  font: bold 12px/24px Lucida Grande, Verdana, Sans-serif;
  color: <?php echo $h3Color; ?>;
}
h4 {
  font: bold 12px/18px Lucida Grande, Verdana, Sans-serif;
  color: <?php echo $h4Color; ?>;
  border-bottom: 1px dashed <?php echo $h4Borde; ?>;
}


ul {
  background-color: <?php echo $ulBack; ?>;
  padding: 10px;
  border: 5px dotted <?php echo $listadoBorde; ?>;
}
li { list-style-type: none; color: <?php echo $liColor; ?>; }
li a { color: <?php echo $liAnchorColor; ?>; text-decoration: none; }
li a:hover { color: <?php echo $liAnchorHover; ?>; }

#header {
  height: 25px;
  border-bottom: 1px solid <?php echo $headerBorde; ?>;
}
h1,h2,h3 { float: left; margin: 0px 10px 0px 0px; padding: 0px; }

.form {
  background-color: <?php echo $ulBack; ?>;
  padding: 10px;
  border: 5px dotted <?php echo $listadoBorde; ?>;
}
.form-row {
  height: 24px; line-height: 18px;
}
.form-row-readonly {

}
.form-row-titulo {
  width: 200px; float: left;
}
.form-row-valor {
}
.form-row-valor input {
  border: 1px #999 dashed;
  margin: 2px;
}

    </style>  
  </head>
  <body>
